/*
 * Original version: 1.0 © 2010 Andrew Valums ( andrew(at)valums.com )
 * Current Maintainer (2.0+): 2012, Ray Nicholus ( fineuploader(at)garstasio.com )
 *
 * Licensed under MIT license, GNU GPL 2 or later, GNU LGPL 2 or later, see license.txt.
 */
.qq-uploader { position: relative; margin: 0 auto; }

.qq-upload-button { width: 300px; margin: 0 auto; }
.qq-upload-button input { opacity: 0; filter: alpha(opacity=0); }
.qq-upload-button-1 { display: inline-block; font-size: 0; line-height: 0; width: 96px; }
.qq-upload-button-hover { }
.qq-upload-button-focus { }
.qq-upload-drop-area, .qq-upload-extra-drop-area { width: 300px; height: 100%; min-height: 30px; z-index: 4; text-align: center; margin: 0 auto; margin-bottom: -122px; position: relative; z-index: 3; }
.qq-upload-extra-drop-area { position: relative; font-size: 16px; padding-top: 30px; height: 20px; min-height: 40px; }
.qq-upload-drop-area-active { }
.qq-upload-list { margin: 0; padding: 0; display: block; font-size: 0; line-height: 0; }
.qq-upload-list li { display: block; width: 96px; height: 96px; position: relative; float: left; margin-left: 8px; font-size: 12px; line-height: 14px; margin-bottom: 8px; text-align: center; }
.qq-upload-list li .img_wrap { width: 94px; height: 94px; position: absolute; z-index: 0; top: 1px; left: 1px; cursor: pointer; }
.qq-upload-list li .img_wrap img { max-height: 100%; max-width: 100%; }
.qq-upload-list li .fun { height: 24px; width: 96px; line-height: 24px; background: #000; opacity: 0.6; filter: alpha(opacity=60); position: absolute; top: 71px; left: 0px; text-align: center; color: #fff; margin: 0; }
.qq-upload-list li .fun .btn { margin: 0 2px; display: inline; cursor: pointer; width: auto; height: auto; background: none; }
.qq-upload-list li .fun .btn:hover { text-decoration: underline; color: #fff; }
.qq-upload-list li .fileinfo { position: absolute; padding-top: 5px; display: none; top: 94px; }
.qq-upload-list li .fileinfo .box { position: relative; line-height: 15px; border: 1px solid #a9afb4; border-radius: 5px; background: #fff;  padding: 5px; width: 307px; }
.qq-upload-list li .fileinfo .box .arraw { position: absolute; left: 15px; top: -6px; }
.qq-upload-list li .fileinfo .box .text, .qq-upload-list li .fileinfo .box .textarea { border: 1px solid #a9afb4; width: 245px; float: left; padding: 5px; outline: none; resize: none; border-radius: 2px; }
.qq-upload-list li .fileinfo .box .textarea { height: 48px; }
.qq-upload-list li .fileinfo .box .text { height: 14px; line-height: 14px; margin-bottom: 5px; }
.qq-upload-list li .fileinfo .box .btnbox { position: absolute; right: 0; bottom: 5px; line-height: 0; }
.qq-upload-list li .fileinfo .box .btnbox .btn { margin-right: 5px; }


.qq-upload-list .qq-list-uploaded-current { }
.qq-upload-list .qq-list-uploaded-current .img_wrap { width: 92px; height: 92px; top: 2px; left: 2px; }
.qq-upload-list .qq-list-uploaded-current .qq-upload-file-1 { border: 2px solid #6ebf08; border-radius: 4px; width: 84px; height: 28px; padding-top: 40px; }
.qq-upload-list li .qq-upload-li-select { position: absolute; top: 4px; left: 4px; }
.qq-upload-list .qq-upload-li-add { }
.qq-upload-list:first-child { margin-left: 10px; }
.qq-upload-list li .qq-file-type { position: absolute; right: 4px; top: 4px; }
.qq-upload-list li .qq-upload-file { display: block; width: 86px; color: #fff; height: 28px; padding: 41px 4px 25px 4px; background: #606162; border-radius: 4px; border: 1px solid #4c4e4e; text-align: center; word-break: break-all; }
.qq-upload-list li .qq-upload-file-1 { background: #eff2f5; border: 1px solid #bfc2c4; color: #000; }
.qq-upload-list li .qq-progress-bar-wrap { width: 78px; height: 6px; border: 1px solid #fff; border-radius: 5px; position: absolute; bottom: 9px; left: 9px; }
.qq-upload-list li .qq-progress-bar { background: #fff; height: 100%; border-radius: 5px; }
.qq-upload-finished, .qq-upload-status-text, .qq-upload-size, .qq-upload-spinner { display: none; height: 0; border: 0; font-size: 0; line-height: 0; float: left; }
.qq-drop-processing { display: none; }
.qq-drop-processing-spinner { display: inline-block; background: url("processing.gif"); width: 24px; height: 24px; vertical-align: text-bottom; }
.qq-upload-finished { display: none; width: 15px; height: 15px; vertical-align: text-bottom; }
.qq-upload-list li .qq-upload-retry, .qq-upload-list li .qq-upload-cancel { display: inline; color: #fff; position: absolute; top: 6px; left: 10px; text-decoration: underline; }
.qq-upload-list li .qq-upload-retry { left: 40px; }
.qq-upload-list li .qq-upload-retry:hover, .qq-upload-list li .qq-upload-cancel:hover { color: #fff; text-decoration: underline; }
.qq-upload-retryable .qq-upload-retry { display: inline; }
.qq-upload-failed-text { display: none; font-style: italic; font-weight: bold; }
.qq-upload-failed-icon { display: none; width: 15px; height: 15px; vertical-align: text-bottom; }
.qq-upload-fail .qq-upload-failed-text { display: block; }
.qq-upload-retrying .qq-upload-failed-text { display: inline; color: #D60000; }
.qq-upload-list li.qq-upload-success { }
